@{
	Layout = "_Layout.cshtml";
	ViewBag.Title = Nebulosa.Globalization.Install.Translate.DatabaseSelection;
}
<form id="database-selection-form" method="post" action="@Url.Action("Database")" class="form-horizontal">
	<fieldset>
		<legend>@Nebulosa.Globalization.Install.Translate.LayoutTitle - @Nebulosa.Globalization.Install.Translate.DatabaseSelection</legend>
		<div class="row-fluid"><div class="span12">@Nebulosa.Globalization.Install.Translate.SelectDatabase:</div></div>
		<div class="row-fluid grid">
			<div class="span4">
				<a href="#" class="thumbnail" data-config-section="nebulosadb">
					<img src="@Url.Content("~/Views/Install/Nebulosa/assets/img/nebulosadb.png")" alt="nebulosadb" />
				</a>
			</div>
			<div class="span4">
				<a href="#" class="thumbnail" data-config-section="sqlserver">
					<img src="@Url.Content("~/Views/Install/Nebulosa/assets/img/sqlserver.png")" alt="sqlserver" />
				</a>
			</div>
			<div class="span4">
				<a href="#" class="thumbnail" data-config-section="azuresql">
					<img src="@Url.Content("~/Views/Install/Nebulosa/assets/img/azuresql.png")" alt="azuresql" />
				</a>
			</div>
		</div>
		<div class="row-fluid grid">
			<div class="span4 offset2">
				<a href="#" class="thumbnail" data-config-section="mysql">
					<img src="@Url.Content("~/Views/Install/Nebulosa/assets/img/mysql.png")" alt="mysql" />
				</a>
			</div>
			<div class="span4">
				<a href="#" class="thumbnail" data-config-section="sqlite">
					<img src="@Url.Content("~/Views/Install/Nebulosa/assets/img/sqlite.png")" alt="sqlite" />
				</a>
			</div>
		</div>
		<!--<div class="row-fluid grid">
			
			<div class="span6">
				<a href="#" class="thumbnail" data-config-section="sqlite">
					<img src="@Url.Content("~/Views/Install/Nebulosa/assets/img/sqlite.png")" alt="sqlite" />
				</a>
			</div>
		</div>-->
		<!--<div class="form-actions">
			<input type="hidden" id="database-field" name="database" value="sqlserver" />
			<button type="submit" class="btn btn-primary">@Nebulosa.Globalization.Install.Translate.SaveAndContinue</button>
		</div>-->
		<input type="hidden" id="database-field" name="database" value="nebulosadb" />
	</fieldset>
</form>

@section js_ready {
	$("a").on("click", function() {
		var $a = $(this);
		var config = $a.data("config-section");
		
		if(config != null) {
			$("#database-field").val(config);
			$("#database-selection-form").submit();
		}

		return false;
	});
}